<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../build/react.js"></script>
    <script src="../build/react-dom.js"></script>
    <script src="../build/browser.min.js"></script>
</head>
<body>
    <div id="app"></div>
    <script type="text/babel">
        let user={name:'bobo',age:20}
        const ele=(
            <div>
                <h1>hello boy ,this is react dome</h1>
            </div>);
        ReactDOM.render(
            <Mycomponent user={user} />,
            document.getElementById("app")
        )
        //定义组件最简单的方式是定义javascript函数
        function Mycomponent(props) {
            return (
                <h1>{props.user.name}</h1>
            )
        }
    </script>
</body>
</html>